<template>
  <div>
    <el-input-number
      :min="min"
      :max="max"
      size="small"
      v-model="a"
    ></el-input-number>
    
  </div>
</template>

<script>
export default {
  name: 'InputNum',
  props: {
    value: {
      type: Number
    }
  },
  data() {
    return {
      a: this.value,
      min: 0,
      max: 30
    }
  },
  watch: {
    a(newval) {
      this.$emit('input', newval)
    }
  },
}
</script>

<style scoped></style>
